<div class="register-form">
    <div class="dib" style="width:55%;">
        <h2>Zarejestruj się, prosto i szybko !</h2>
        <div class="title-under-h2">Otrzymasz dostęp do wielu wygodnych funkcji serwisu.</div>
        <div class="error"></div>
        <form action="<?php echo View::getRoot()?>/index.php?controller=user&action=register" method="POST" id="register-form">
            <div class="dib label" style="width:140px">nazwa użytkownika</div>
            <div class="dib"><input type="text" id="i_login" name="data[login]"/></div><br/><br/>

            <div class="dib label" style="width:140px">hasło</div>
            <div class="dib"><input type="password" id="i_password" name="data[password1]"/></div></br><br/>

            <div class="dib label" style="width:140px">powtórz hasło</div>
            <div class="dib"><input type="password" id="i_password2" name="data[password2]"/></div></br><br/>

            <div class="dib label" style="width:140px">adres e-mail</div>
            <div class="dib"><input type="text" id="i_email" name="data[email]"/></div><br/><br/>
            
            <div class="dib label" style="width:140px">data urodzenia</div>
            <div class="dib"><input type="text" id="i_birth_date" name="data[birth_date]"/></div><br/><br/>

            <div class="dib label" style="width:140px">kod z obrazka</div>
            <div class="dib"><?php echo recaptcha_get_html('6Le0Jc8SAAAAAMK5VXDQc2jaa14shfE6y4G6ESSn'); ?></div><br/>
            
                <input type="checkbox" id="terms"/>akceptuje warunki <a href="<?php echo View::getRoot(); ?>/index/zasady" target="_blank">regulaminu</a>
                
            <input type="hidden" name="data[token]"/><br/>
            
            <div class="buttons">
                <input type="submit" value="zarejestruj" class="mysubmit" id="register-form-submit">
            </div>

        </form>
    </div>
    <div class="dib" style="width:44%;">
        <h2>Co zyskasz dzięki rejestracji ?</h2>
        <ul>
            <li><span>dostęp do kategorii</span></li>
            <li><span>możliwość przeglądania treści dla dorosłych jeśli masz powyżej 18 lat</span></li>
            <li><span>możliwość komentowania</span></li>
            <li><span>możliwość dodawania obrazków, filmów</span></li>
            <li><span>dostęp do powiadomień mailowych</span></li>                
        </ul>
        <div style="text-align: center">
            <h2>Nie czekaj zarejestruj się za darmo!!!</h2>
        </div>
    </div>
</div>

<script type="text/javascript">
$rfe = $('.register-form .error');

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
} 

function isValidDate(s) {
    // format D(D)/M(M)/(YY)YY
    var dateFormat = /^\d{1,4}[\.|\/|-]\d{1,2}[\.|\/|-]\d{1,4}$/;

    if (dateFormat.test(s)) {
        // remove any leading zeros from date values
        s = s.replace(/0*(\d*)/gi,"$1");
        var dateArray = s.split(/[\.|\/|-]/);
      
        // correct month value
        dateArray[1] = dateArray[1]-1;

        // correct year value
        if (dateArray[2].length<4) {
            // correct year value
            dateArray[2] = (parseInt(dateArray[2]) < 50) ? 2000 + parseInt(dateArray[2]) : 1900 + parseInt(dateArray[2]);
        }

        var testDate = new Date(dateArray[2], dateArray[1], dateArray[0]);
        if (testDate.getDate()!=dateArray[0] || testDate.getMonth()!=dateArray[1] || testDate.getFullYear()!=dateArray[2]) {
            return false;
        } else {
            return true;
        }
    } else {
        return false;
    }
}
    
$(document).ready(function() {
   $('#register-form-submit').live('click', function() 
   {
        $rfe.html('');
        
        if ($('#terms').attr('checked')!='checked')
        {
            $rfe.html($rfe.html()+'Musisz zaakceptować regulamin, aby się zarejestrować.');
            return false;  
        }
     
        if (!isValidDate($('#i_birth_date').val()))
        {
            $rfe.html($rfe.html()+'Nie prawidłowa data');
            return false;
        }
        
        if ($('#i_login').val().length <= 6) { 
            $rfe.html($rfe.html()+'Login musi być dłuższy niż 6 znaków');
            return false;
        }
        
        if ($('#i_password').val().length <= 6) { 
            $rfe.html($rfe.html()+'Hasło musi być dłuższe niż 6 znaków');
            return false;
        }
        
        if ($('#i_password').val() != $('#i_password2').val()) { 
            $rfe.html($rfe.html()+'Hasła muszą być identyczne');
            return false;
        }
        
        if (!validateEmail($('#i_email').val())){ 
            $rfe.html($rfe.html()+'Email jest nie poprawny');
            return false;
        }
        
     
       $('#register-form').submit();
   }); 
    
   $('#i_birth_date').datepicker({ 
        changeYear: true,
        changeMonth: true,
        dateFormat: "dd-mm-yy",
        yearRange: '-100:+0'
   });
});  
</script>
